.header {
  @include margin(16, bottom);
  @include type-size(300);
  line-height: 1.3;
  @media (max-width: $viewport-md) {
    margin-top: spacer(8);
    margin-bottom: spacer(8);
  }
}

.preamble {
  @include margin(64, bottom);
  @media (min-width: $viewport-lg) {
    @include margin(80, bottom);
  }
  .header {
    margin: 0;
    @include type-size(400);
    @include margin(16, bottom);
  }
  ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    li {
      @include margin(16, bottom);
    }
  }
}

.screenshots::after {
  @include new-window-icon();
  display: inline-block;
  @include margin(8, left);
}

.button {
  @include remove-button-style();
  text-decoration: underline;
}

.row {
  > div {
    @include margin(16, bottom);
    @media (min-width: $viewport-lg) {
      margin-bottom: 0;
    }
  }
}
